/* animation sets */

/* move from / to  */

.pt-page-moveToLeft {
    -webkit-animation : moveToLeft .6s ease both;
    animation         : moveToLeft .6s ease both;
}

.pt-page-moveFromLeft {
    -webkit-animation : moveFromLeft .6s ease both;
    animation         : moveFromLeft .6s ease both;
}

.pt-page-moveToRight {
    -webkit-animation : moveToRight .6s ease both;
    animation         : moveToRight .6s ease both;
}

.pt-page-moveFromRight {
    -webkit-animation : moveFromRight .6s ease both;
    animation         : moveFromRight .6s ease both;
}

.pt-page-moveToTop {
    -webkit-animation : moveToTop .6s ease both;
    animation         : moveToTop .6s ease both;
}

.pt-page-moveFromTop {
    -webkit-animation : moveFromTop .6s ease both;
    animation         : moveFromTop .6s ease both;
}

.pt-page-moveToBottom {
    -webkit-animation : moveToBottom .6s ease both;
    animation         : moveToBottom .6s ease both;
}

.pt-page-moveFromBottom {
    -webkit-animation : moveFromBottom .6s ease both;
    animation         : moveFromBottom .6s ease both;
}

/* fade */

.pt-page-fade {
    -webkit-animation : fade .7s ease both;
    animation         : fade .7s ease both;
}

/* move from / to and fade */

.pt-page-moveToLeftFade {
    -webkit-animation : moveToLeftFade .7s ease both;
    animation         : moveToLeftFade .7s ease both;
}

.pt-page-moveFromLeftFade {
    -webkit-animation : moveFromLeftFade .7s ease both;
    animation         : moveFromLeftFade .7s ease both;
}

.pt-page-moveToRightFade {
    -webkit-animation : moveToRightFade .7s ease both;
    animation         : moveToRightFade .7s ease both;
}

.pt-page-moveFromRightFade {
    -webkit-animation : moveFromRightFade .7s ease both;
    animation         : moveFromRightFade .7s ease both;
}

.pt-page-moveToTopFade {
    -webkit-animation : moveToTopFade .7s ease both;
    animation         : moveToTopFade .7s ease both;
}

.pt-page-moveFromTopFade {
    -webkit-animation : moveFromTopFade .7s ease both;
    animation         : moveFromTopFade .7s ease both;
}

.pt-page-moveToBottomFade {
    -webkit-animation : moveToBottomFade .7s ease both;
    animation         : moveToBottomFade .7s ease both;
}

.pt-page-moveFromBottomFade {
    -webkit-animation : moveFromBottomFade .7s ease both;
    animation         : moveFromBottomFade .7s ease both;
}

/* move to with different easing */

.pt-page-moveToLeftEasing {
    -webkit-animation : moveToLeft .7s ease-in-out both;
    animation         : moveToLeft .7s ease-in-out both;
}

.pt-page-moveToRightEasing {
    -webkit-animation : moveToRight .7s ease-in-out both;
    animation         : moveToRight .7s ease-in-out both;
}

.pt-page-moveToTopEasing {
    -webkit-animation : moveToTop .7s ease-in-out both;
    animation         : moveToTop .7s ease-in-out both;
}

.pt-page-moveToBottomEasing {
    -webkit-animation : moveToBottom .7s ease-in-out both;
    animation         : moveToBottom .7s ease-in-out both;
}

/*  iconUp & circle */
.pt-page-moveIconUp {
    -webkit-animation : moveIconUp ease 1.5s both infinite;
    animation         : moveToBottom ease 1.5s both infinite;
}

.pt-page-moveCircle {
    -webkit-animation : moveCircle ease-in-out 1.2s both;
    animation         : moveCircle ease-in-out 1.2s both;
}

/********************************* keyframes **************************************/

/* move from / to  */

@-webkit-keyframes moveToLeft {
    from {
    }
    to {
        -webkit-transform : translateX(-100%);
    }
}

@keyframes moveToLeft {
    from {
    }
    to {
        -webkit-transform : translateX(-100%);
        transform         : translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform : translateX(-100%);
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform : translateX(-100%);
        transform         : translateX(-100%);
    }
}

@-webkit-keyframes moveToRight {
    from {
    }
    to {
        -webkit-transform : translateX(100%);
    }
}

@keyframes moveToRight {
    from {
    }
    to {
        -webkit-transform : translateX(100%);
        transform         : translateX(100%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform : translateX(100%);
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform : translateX(100%);
        transform         : translateX(100%);
    }
}

@-webkit-keyframes moveToTop {
    from {
    }
    to {
        -webkit-transform : translateY(-100%);
    }
}

@keyframes moveToTop {
    from {
    }
    to {
        -webkit-transform : translateY(-100%);
        transform         : translateY(-100%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform : translateY(-100%);
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform : translateY(-100%);
        transform         : translateY(-100%);
    }
}

@-webkit-keyframes moveToBottom {
    from {
    }
    to {
        -webkit-transform : translateY(100%);
    }
}

@keyframes moveToBottom {
    from {
    }
    to {
        -webkit-transform : translateY(100%);
        transform         : translateY(100%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform : translateY(100%);
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform : translateY(100%);
        transform         : translateY(100%);
    }
}

@-webkit-keyframes moveIconUp {
    0% {
        -webkit-transform : translateY(100%);
        opacity           : 0;
    }
    50% {
        -webkit-transform : translateY(0%);
        opacity           : 1;
    }
    100% {
        -webkit-transform : translateY(-100%);
        opacity           : 0;
    }
}

@keyframes moveIconUp {
    0% {
        -webkit-transform : translateY(100%);
        transform         : translateY(100%);
        opacity           : 0;
    }
    50% {
        -webkit-transform : translateY(0%);
        transform         : translateY(0%);
        opacity           : 1;
    }
    100% {
        -webkit-transform : translateY(-100%);
        transform         : translateY(-100%);
        opacity           : 0;
    }
}

@-webkit-keyframes moveCircle {
    0% {
        -webkit-transform : translateY(-80%);
        -webkit-opacity   : 0.1;
    }
    5% {
        -webkit-transform : translateY(-80%);
        -webkit-opacity   : 0.3;
    }
    35% {
        -webkit-transform : translateY(10%);
        -webkit-opacity   : 1;
    }
    60% {
        -webkit-transform : translateY(-13%);
    }
    65% {
        -webkit-transform : translateY(-13%);
    }
    100% {
        -webkit-transform : translateY(0%);
    }
}

@keyframes moveCircle {
    0% {
        -webkit-transform : translateY(-80%);
        -webkit-opacity   : 0.1;
        transform         : translateY(-80%);
        opacity           : 0.1;
    }
    5% {
        -webkit-transform : translateY(-80%);
        -webkit-opacity   : 0.3;
        transform         : translateY(-80%);
        opacity           : 0.3;
    }
    35% {
        -webkit-transform : translateY(10%);
        -webkit-opacity   : 1;
        transform         : translateY(10%);
        opacity           : 1;
    }
    60% {
        -webkit-transform : translateY(-13%);
        transform         : translateY(-13%);
    }
    65% {
        -webkit-transform : translateY(-13%);
        transform         : translateY(-13%);
    }
    100% {
        -webkit-transform : translateY(0%);
        transform         : translateY(0%);
    }
}

/* fade */

@-webkit-keyframes fade {
    from {
    }
    to {
        opacity : 0.3;
    }
}

@keyframes fade {
    from {
    }
    to {
        opacity : 0.3;
    }
}

/* move from / to and fade */

@-webkit-keyframes moveToLeftFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateX(-100%);
    }
}

@keyframes moveToLeftFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateX(-100%);
        transform         : translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeftFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateX(-100%);
    }
}

@keyframes moveFromLeftFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateX(-100%);
        transform         : translateX(-100%);
    }
}

@-webkit-keyframes moveToRightFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateX(100%);
    }
}

@keyframes moveToRightFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateX(100%);
        transform         : translateX(100%);
    }
}

@-webkit-keyframes moveFromRightFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateX(100%);
    }
}

@keyframes moveFromRightFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateX(100%);
        transform         : translateX(100%);
    }
}

@-webkit-keyframes moveToTopFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateY(-100%);
    }
}

@keyframes moveToTopFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateY(-100%);
        transform         : translateY(-100%);
    }
}

@-webkit-keyframes moveFromTopFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateY(-100%);
    }
}

@keyframes moveFromTopFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateY(-100%);
        transform         : translateY(-100%);
    }
}

@-webkit-keyframes moveToBottomFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateY(100%);
    }
}

@keyframes moveToBottomFade {
    from {
    }
    to {
        opacity           : 0.3;
        -webkit-transform : translateY(100%);
        transform         : translateY(100%);
    }
}

@-webkit-keyframes moveFromBottomFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateY(100%);
    }
}

@keyframes moveFromBottomFade {
    from {
        opacity           : 0.3;
        -webkit-transform : translateY(100%);
        transform         : translateY(100%);
    }
}

/* scale and fade */

.pt-page-scaleDown {
    -webkit-animation : scaleDown .7s ease both;
    animation         : scaleDown .7s ease both;
}

.pt-page-scaleUp {
    -webkit-animation : scaleUp .7s ease both;
    animation         : scaleUp .7s ease both;
}

.pt-page-scaleUpDown {
    -webkit-animation : scaleUpDown .5s ease both;
    animation         : scaleUpDown .5s ease both;
}

.pt-page-scaleDownUp {
    -webkit-animation : scaleDownUp .5s ease both;
    animation         : scaleDownUp .5s ease both;
}

.pt-page-scaleDownCenter {
    -webkit-animation : scaleDownCenter .4s ease-in both;
    animation         : scaleDownCenter .4s ease-in both;
}

.pt-page-scaleUpCenter {
    -webkit-animation : scaleUpCenter .4s ease-out both;
    animation         : scaleUpCenter .4s ease-out both;
}

/********************************* keyframes **************************************/

/* scale and fade */

@-webkit-keyframes scaleDown {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : scale(.8);
    }
}

@keyframes scaleDown {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : scale(.8);
        transform         : scale(.8);
    }
}

@-webkit-keyframes scaleUp {
    from {
        opacity           : 0;
        -webkit-transform : scale(.8);
    }
}

@keyframes scaleUp {
    from {
        opacity           : 0;
        -webkit-transform : scale(.8);
        transform         : scale(.8);
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        opacity           : 0;
        -webkit-transform : scale(1.2);
    }
}

@keyframes scaleUpDown {
    from {
        opacity           : 0;
        -webkit-transform : scale(1.2);
        transform         : scale(1.2);
    }
}

@-webkit-keyframes scaleDownUp {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : scale(1.2);
    }
}

@keyframes scaleDownUp {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : scale(1.2);
        transform         : scale(1.2);
    }
}

@-webkit-keyframes scaleDownCenter {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : scale(.7);
    }
}

@keyframes scaleDownCenter {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : scale(.7);
        transform         : scale(.7);
    }
}

@-webkit-keyframes scaleUpCenter {
    from {
        opacity           : 0;
        -webkit-transform : scale(.7);
    }
}

@keyframes scaleUpCenter {
    from {
        opacity           : 0;
        -webkit-transform : scale(.7);
        transform         : scale(.7);
    }
}

/* rotate sides first and scale */

.pt-page-rotateRightSideFirst {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateRightSideFirst .8s both ease-in;
    animation                : rotateRightSideFirst .8s both ease-in;
}

.pt-page-rotateLeftSideFirst {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateLeftSideFirst .8s both ease-in;
    animation                : rotateLeftSideFirst .8s both ease-in;
}

.pt-page-rotateTopSideFirst {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateTopSideFirst .8s both ease-in;
    animation                : rotateTopSideFirst .8s both ease-in;
}

.pt-page-rotateBottomSideFirst {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateBottomSideFirst .8s both ease-in;
    animation                : rotateBottomSideFirst .8s both ease-in;
}

/* flip */

.pt-page-flipOutRight {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipOutRight .5s both ease-in;
    animation                : flipOutRight .5s both ease-in;
}

.pt-page-flipInLeft {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipInLeft .5s both ease-out;
    animation                : flipInLeft .5s both ease-out;
}

.pt-page-flipOutLeft {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipOutLeft .5s both ease-in;
    animation                : flipOutLeft .5s both ease-in;
}

.pt-page-flipInRight {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipInRight .5s both ease-out;
    animation                : flipInRight .5s both ease-out;
}

.pt-page-flipOutTop {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipOutTop .5s both ease-in;
    animation                : flipOutTop .5s both ease-in;
}

.pt-page-flipInBottom {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipInBottom .5s both ease-out;
    animation                : flipInBottom .5s both ease-out;
}

.pt-page-flipOutBottom {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipOutBottom .5s both ease-in;
    animation                : flipOutBottom .5s both ease-in;
}

.pt-page-flipInTop {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : flipInTop .5s both ease-out;
    animation                : flipInTop .5s both ease-out;
}

/* rotate fall */

.pt-page-rotateFall {
    -webkit-transform-origin : 0% 0%;
    transform-origin         : 0% 0%;
    -webkit-animation        : rotateFall 1s both ease-in;
    animation                : rotateFall 1s both ease-in;
}

/* rotate newspaper */
.pt-page-rotateOutNewspaper {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : rotateOutNewspaper .5s both ease-in;
    animation                : rotateOutNewspaper .5s both ease-in;
}

.pt-page-rotateInNewspaper {
    -webkit-transform-origin : 50% 50%;
    transform-origin         : 50% 50%;
    -webkit-animation        : rotateInNewspaper .5s both ease-out;
    animation                : rotateInNewspaper .5s both ease-out;
}

/* push */
.pt-page-rotatePushLeft {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotatePushLeft .8s both ease;
    animation                : rotatePushLeft .8s both ease;
}

.pt-page-rotatePushRight {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotatePushRight .8s both ease;
    animation                : rotatePushRight .8s both ease;
}

.pt-page-rotatePushTop {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotatePushTop .8s both ease;
    animation                : rotatePushTop .8s both ease;
}

.pt-page-rotatePushBottom {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotatePushBottom .8s both ease;
    animation                : rotatePushBottom .8s both ease;
}

/* pull */
.pt-page-rotatePullRight {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotatePullRight .5s both ease;
    animation                : rotatePullRight .5s both ease;
}

.pt-page-rotatePullLeft {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotatePullLeft .5s both ease;
    animation                : rotatePullLeft .5s both ease;
}

.pt-page-rotatePullTop {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotatePullTop .5s both ease;
    animation                : rotatePullTop .5s both ease;
}

.pt-page-rotatePullBottom {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotatePullBottom .5s both ease;
    animation                : rotatePullBottom .5s both ease;
}

/* fold */
.pt-page-rotateFoldRight {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateFoldRight .7s both ease;
    animation                : rotateFoldRight .7s both ease;
}

.pt-page-rotateFoldLeft {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateFoldLeft .7s both ease;
    animation                : rotateFoldLeft .7s both ease;
}

.pt-page-rotateFoldTop {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateFoldTop .7s both ease;
    animation                : rotateFoldTop .7s both ease;
}

.pt-page-rotateFoldBottom {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateFoldBottom .7s both ease;
    animation                : rotateFoldBottom .7s both ease;
}

/* unfold */
.pt-page-rotateUnfoldLeft {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateUnfoldLeft .7s both ease;
    animation                : rotateUnfoldLeft .7s both ease;
}

.pt-page-rotateUnfoldRight {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateUnfoldRight .7s both ease;
    animation                : rotateUnfoldRight .7s both ease;
}

.pt-page-rotateUnfoldTop {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateUnfoldTop .7s both ease;
    animation                : rotateUnfoldTop .7s both ease;
}

.pt-page-rotateUnfoldBottom {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateUnfoldBottom .7s both ease;
    animation                : rotateUnfoldBottom .7s both ease;
}

/* room walls */
.pt-page-rotateRoomLeftOut {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateRoomLeftOut .8s both ease;
    animation                : rotateRoomLeftOut .8s both ease;
}

.pt-page-rotateRoomLeftIn {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateRoomLeftIn .8s both ease;
    animation                : rotateRoomLeftIn .8s both ease;
}

.pt-page-rotateRoomRightOut {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateRoomRightOut .8s both ease;
    animation                : rotateRoomRightOut .8s both ease;
}

.pt-page-rotateRoomRightIn {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateRoomRightIn .8s both ease;
    animation                : rotateRoomRightIn .8s both ease;
}

.pt-page-rotateRoomTopOut {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateRoomTopOut .8s both ease;
    animation                : rotateRoomTopOut .8s both ease;
}

.pt-page-rotateRoomTopIn {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateRoomTopIn .8s both ease;
    animation                : rotateRoomTopIn .8s both ease;
}

.pt-page-rotateRoomBottomOut {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateRoomBottomOut .8s both ease;
    animation                : rotateRoomBottomOut .8s both ease;
}

.pt-page-rotateRoomBottomIn {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateRoomBottomIn .8s both ease;
    animation                : rotateRoomBottomIn .8s both ease;
}

/* cube */
.pt-page-rotateCubeLeftOut {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateCubeLeftOut .6s both ease-in;
    animation                : rotateCubeLeftOut .6s both ease-in;
}

.pt-page-rotateCubeLeftIn {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateCubeLeftIn .6s both ease-in;
    animation                : rotateCubeLeftIn .6s both ease-in;
}

.pt-page-rotateCubeRightOut {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateCubeRightOut .6s both ease-in;
    animation                : rotateCubeRightOut .6s both ease-in;
}

.pt-page-rotateCubeRightIn {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateCubeRightIn .6s both ease-in;
    animation                : rotateCubeRightIn .6s both ease-in;
}

.pt-page-rotateCubeTopOut {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateCubeTopOut .6s both ease-in;
    animation                : rotateCubeTopOut .6s both ease-in;
}

.pt-page-rotateCubeTopIn {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateCubeTopIn .6s both ease-in;
    animation                : rotateCubeTopIn .6s both ease-in;
}

.pt-page-rotateCubeBottomOut {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateCubeBottomOut .6s both ease-in;
    animation                : rotateCubeBottomOut .6s both ease-in;
}

.pt-page-rotateCubeBottomIn {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateCubeBottomIn .6s both ease-in;
    animation                : rotateCubeBottomIn .6s both ease-in;
}

/* carousel */
.pt-page-rotateCarouselLeftOut {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateCarouselLeftOut .8s both ease;
    animation                : rotateCarouselLeftOut .8s both ease;
}

.pt-page-rotateCarouselLeftIn {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateCarouselLeftIn .8s both ease;
    animation                : rotateCarouselLeftIn .8s both ease;
}

.pt-page-rotateCarouselRightOut {
    -webkit-transform-origin : 0% 50%;
    transform-origin         : 0% 50%;
    -webkit-animation        : rotateCarouselRightOut .8s both ease;
    animation                : rotateCarouselRightOut .8s both ease;
}

.pt-page-rotateCarouselRightIn {
    -webkit-transform-origin : 100% 50%;
    transform-origin         : 100% 50%;
    -webkit-animation        : rotateCarouselRightIn .8s both ease;
    animation                : rotateCarouselRightIn .8s both ease;
}

.pt-page-rotateCarouselTopOut {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateCarouselTopOut .8s both ease;
    animation                : rotateCarouselTopOut .8s both ease;
}

.pt-page-rotateCarouselTopIn {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateCarouselTopIn .8s both ease;
    animation                : rotateCarouselTopIn .8s both ease;
}

.pt-page-rotateCarouselBottomOut {
    -webkit-transform-origin : 50% 0%;
    transform-origin         : 50% 0%;
    -webkit-animation        : rotateCarouselBottomOut .8s both ease;
    animation                : rotateCarouselBottomOut .8s both ease;
}

.pt-page-rotateCarouselBottomIn {
    -webkit-transform-origin : 50% 100%;
    transform-origin         : 50% 100%;
    -webkit-animation        : rotateCarouselBottomIn .8s both ease;
    animation                : rotateCarouselBottomIn .8s both ease;
}

/* sides */
.pt-page-rotateSidesOut {
    -webkit-transform-origin : -50% 50%;
    transform-origin         : -50% 50%;
    -webkit-animation        : rotateSidesOut .5s both ease-in;
    animation                : rotateSidesOut .5s both ease-in;
}

.pt-page-rotateSidesIn {
    -webkit-transform-origin : 150% 50%;
    transform-origin         : 150% 50%;
    -webkit-animation        : rotateSidesIn .5s both ease-out;
    animation                : rotateSidesIn .5s both ease-out;
}

/* slide */
.pt-page-rotateSlideOut {
    -webkit-animation : rotateSlideOut 1s both ease;
    animation         : rotateSlideOut 1s both ease;
}

.pt-page-rotateSlideIn {
    -webkit-animation : rotateSlideIn 1s both ease;
    animation         : rotateSlideIn 1s both ease;
}

/********************************* keyframes **************************************/

/* rotate sides first and scale */

@-webkit-keyframes rotateRightSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateY(15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

@keyframes rotateRightSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateY(15deg);
        transform                         : rotateY(15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        transform         : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

@-webkit-keyframes rotateLeftSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateY(-15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

@keyframes rotateLeftSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateY(-15deg);
        transform                         : rotateY(-15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        transform         : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

@-webkit-keyframes rotateTopSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateX(15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

@keyframes rotateTopSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateX(15deg);
        transform                         : rotateX(15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        transform         : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

@-webkit-keyframes rotateBottomSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateX(-15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

@keyframes rotateBottomSideFirst {
    0% {
    }
    40% {
        -webkit-transform                 : rotateX(-15deg);
        transform                         : rotateX(-15deg);
        opacity                           : .8;
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
    }
    100% {
        -webkit-transform : scale(0.8) translateZ(-200px);
        transform         : scale(0.8) translateZ(-200px);
        opacity           : 0;
    }
}

/* flip */

@-webkit-keyframes flipOutRight {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateY(90deg);
        opacity           : 0.2;
    }
}

@keyframes flipOutRight {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateY(90deg);
        transform         : translateZ(-1000px) rotateY(90deg);
        opacity           : 0.2;
    }
}

@-webkit-keyframes flipInLeft {
    from {
        -webkit-transform : translateZ(-1000px) rotateY(-90deg);
        opacity           : 0.2;
    }
}

@keyframes flipInLeft {
    from {
        -webkit-transform : translateZ(-1000px) rotateY(-90deg);
        transform         : translateZ(-1000px) rotateY(-90deg);
        opacity           : 0.2;
    }
}

@-webkit-keyframes flipOutLeft {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateY(-90deg);
        opacity           : 0.2;
    }
}

@keyframes flipOutLeft {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateY(-90deg);
        transform         : translateZ(-1000px) rotateY(-90deg);
        opacity           : 0.2;
    }
}

@-webkit-keyframes flipInRight {
    from {
        -webkit-transform : translateZ(-1000px) rotateY(90deg);
        opacity           : 0.2;
    }
}

@keyframes flipInRight {
    from {
        -webkit-transform : translateZ(-1000px) rotateY(90deg);
        transform         : translateZ(-1000px) rotateY(90deg);
        opacity           : 0.2;
    }
}

@-webkit-keyframes flipOutTop {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateX(90deg);
        opacity           : 0.2;
    }
}

@keyframes flipOutTop {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateX(90deg);
        transform         : translateZ(-1000px) rotateX(90deg);
        opacity           : 0.2;
    }
}

@-webkit-keyframes flipInBottom {
    from {
        -webkit-transform : translateZ(-1000px) rotateX(-90deg);
        opacity           : 0.2;
    }
}

@keyframes flipInBottom {
    from {
        -webkit-transform : translateZ(-1000px) rotateX(-90deg);
        transform         : translateZ(-1000px) rotateX(-90deg);
        opacity           : 0.2;
    }
}

@-webkit-keyframes flipOutBottom {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateX(-90deg);
        opacity           : 0.2;
    }
}

@keyframes flipOutBottom {
    from {
    }
    to {
        -webkit-transform : translateZ(-1000px) rotateX(-90deg);
        transform         : translateZ(-1000px) rotateX(-90deg);
        opacity           : 0.2;
    }
}

@-webkit-keyframes flipInTop {
    from {
        -webkit-transform : translateZ(-1000px) rotateX(90deg);
        opacity           : 0.2;
    }
}

@keyframes flipInTop {
    from {
        -webkit-transform : translateZ(-1000px) rotateX(90deg);
        transform         : translateZ(-1000px) rotateX(90deg);
        opacity           : 0.2;
    }
}

/* fall */

@-webkit-keyframes rotateFall {
    0% {
        -webkit-transform : rotateZ(0deg);
    }
    20% {
        -webkit-transform                 : rotateZ(10deg);
        -webkit-animation-timing-function : ease-out;
    }
    40% {
        -webkit-transform : rotateZ(17deg);
    }
    60% {
        -webkit-transform : rotateZ(16deg);
    }
    100% {
        -webkit-transform : translateY(100%) rotateZ(17deg);
    }
}

@keyframes rotateFall {
    0% {
        -webkit-transform : rotateZ(0deg);
        transform         : rotateZ(0deg);
    }
    20% {
        -webkit-transform                 : rotateZ(10deg);
        transform                         : rotateZ(10deg);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
    }
    40% {
        -webkit-transform : rotateZ(17deg);
        transform         : rotateZ(17deg);
    }
    60% {
        -webkit-transform : rotateZ(16deg);
        transform         : rotateZ(16deg);
    }
    100% {
        -webkit-transform : translateY(100%) rotateZ(17deg);
        transform         : translateY(100%) rotateZ(17deg);
    }
}

/* newspaper */

@-webkit-keyframes rotateOutNewspaper {
    from {
    }
    to {
        -webkit-transform : translateZ(-3000px) rotateZ(360deg);
        opacity           : 0;
    }
}

@keyframes rotateOutNewspaper {
    from {
    }
    to {
        -webkit-transform : translateZ(-3000px) rotateZ(360deg);
        transform         : translateZ(-3000px) rotateZ(360deg);
        opacity           : 0;
    }
}

@-webkit-keyframes rotateInNewspaper {
    from {
        -webkit-transform : translateZ(-3000px) rotateZ(-360deg);
        opacity           : 0;
    }
}

@keyframes rotateInNewspaper {
    from {
        -webkit-transform : translateZ(-3000px) rotateZ(-360deg);
        transform         : translateZ(-3000px) rotateZ(-360deg);
        opacity           : 0;
    }
}

/* push */

@-webkit-keyframes rotatePushLeft {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateY(90deg);
    }
}

@keyframes rotatePushLeft {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateY(90deg);
        transform         : rotateY(90deg);
    }
}

@-webkit-keyframes rotatePushRight {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateY(-90deg);
    }
}

@keyframes rotatePushRight {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateY(-90deg);
        transform         : rotateY(-90deg);
    }
}

@-webkit-keyframes rotatePushTop {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateX(-90deg);
    }
}

@keyframes rotatePushTop {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateX(-90deg);
        transform         : rotateX(-90deg);
    }
}

@-webkit-keyframes rotatePushBottom {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateX(90deg);
    }
}

@keyframes rotatePushBottom {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : rotateX(90deg);
        transform         : rotateX(90deg);
    }
}

/* pull */

@-webkit-keyframes rotatePullRight {
    from {
        opacity           : 0;
        -webkit-transform : rotateY(-90deg);
    }
}

@keyframes rotatePullRight {
    from {
        opacity           : 0;
        -webkit-transform : rotateY(-90deg);
        transform         : rotateY(-90deg);
    }
}

@-webkit-keyframes rotatePullLeft {
    from {
        opacity           : 0;
        -webkit-transform : rotateY(90deg);
    }
}

@keyframes rotatePullLeft {
    from {
        opacity           : 0;
        -webkit-transform : rotateY(90deg);
        transform         : rotateY(90deg);
    }
}

@-webkit-keyframes rotatePullTop {
    from {
        opacity           : 0;
        -webkit-transform : rotateX(-90deg);
    }
}

@keyframes rotatePullTop {
    from {
        opacity           : 0;
        -webkit-transform : rotateX(-90deg);
        transform         : rotateX(-90deg);
    }
}

@-webkit-keyframes rotatePullBottom {
    from {
        opacity           : 0;
        -webkit-transform : rotateX(90deg);
    }
}

@keyframes rotatePullBottom {
    from {
        opacity           : 0;
        -webkit-transform : rotateX(90deg);
        transform         : rotateX(90deg);
    }
}

/* fold */

@-webkit-keyframes rotateFoldRight {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateX(100%) rotateY(90deg);
    }
}

@keyframes rotateFoldRight {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateX(100%) rotateY(90deg);
        transform         : translateX(100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateFoldLeft {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
    }
}

@keyframes rotateFoldLeft {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
        transform         : translateX(-100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateFoldTop {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateY(-100%) rotateX(90deg);
    }
}

@keyframes rotateFoldTop {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateY(-100%) rotateX(90deg);
        transform         : translateY(-100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateFoldBottom {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateFoldBottom {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateY(100%) rotateX(-90deg);
        transform         : translateY(100%) rotateX(-90deg);
    }
}

/* unfold */

@-webkit-keyframes rotateUnfoldLeft {
    from {
        opacity           : 0;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
    }
}

@keyframes rotateUnfoldLeft {
    from {
        opacity           : 0;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
        transform         : translateX(-100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateUnfoldRight {
    from {
        opacity           : 0;
        -webkit-transform : translateX(100%) rotateY(90deg);
    }
}

@keyframes rotateUnfoldRight {
    from {
        opacity           : 0;
        -webkit-transform : translateX(100%) rotateY(90deg);
        transform         : translateX(100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateUnfoldTop {
    from {
        opacity           : 0;
        -webkit-transform : translateY(-100%) rotateX(90deg);
    }
}

@keyframes rotateUnfoldTop {
    from {
        opacity           : 0;
        -webkit-transform : translateY(-100%) rotateX(90deg);
        transform         : translateY(-100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateUnfoldBottom {
    from {
        opacity           : 0;
        -webkit-transform : translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateUnfoldBottom {
    from {
        opacity           : 0;
        -webkit-transform : translateY(100%) rotateX(-90deg);
        transform         : translateY(100%) rotateX(-90deg);
    }
}

/* room walls */

@-webkit-keyframes rotateRoomLeftOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(90deg);
    }
}

@keyframes rotateRoomLeftOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(90deg);
        transform         : translateX(-100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(-90deg);
    }
}

@keyframes rotateRoomLeftIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(-90deg);
        transform         : translateX(100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateRoomRightOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(-90deg);
    }
}

@keyframes rotateRoomRightOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(-90deg);
        transform         : translateX(100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateRoomRightIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(90deg);
    }
}

@keyframes rotateRoomRightIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(90deg);
        transform         : translateX(-100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateRoomTopOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(-90deg);
    }
}

@keyframes rotateRoomTopOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(-90deg);
        transform         : translateY(-100%) rotateX(-90deg);
    }
}

@-webkit-keyframes rotateRoomTopIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(90deg);
    }
}

@keyframes rotateRoomTopIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(90deg);
        transform         : translateY(100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(90deg);
    }
}

@keyframes rotateRoomBottomOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(90deg);
        transform         : translateY(100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(-90deg);
    }
}

@keyframes rotateRoomBottomIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(-90deg);
        transform         : translateY(-100%) rotateX(-90deg);
    }
}

/* cube */

@-webkit-keyframes rotateCubeLeftOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
    }
}

@keyframes rotateCubeLeftOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform                         : translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
        transform         : translateX(-100%) rotateY(-90deg);
    }
}

@-webkit-keyframes rotateCubeLeftIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateX(50%) translateZ(-200px) rotateY(45deg);
    }
}

@keyframes rotateCubeLeftIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(90deg);
        transform         : translateX(100%) rotateY(90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateX(50%) translateZ(-200px) rotateY(45deg);
        transform                         : translateX(50%) translateZ(-200px) rotateY(45deg);
    }
}

@-webkit-keyframes rotateCubeRightOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateX(50%) translateZ(-200px) rotateY(45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(90deg);
    }
}

@keyframes rotateCubeRightOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateX(50%) translateZ(-200px) rotateY(45deg);
        transform                         : translateX(50%) translateZ(-200px) rotateY(45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateX(100%) rotateY(90deg);
        transform         : translateX(100%) rotateY(90deg);
    }
}

@-webkit-keyframes rotateCubeRightIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }
}

@keyframes rotateCubeRightIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateX(-100%) rotateY(-90deg);
        transform         : translateX(-100%) rotateY(-90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform                         : translateX(-50%) translateZ(-200px) rotateY(-45deg);
    }
}

@-webkit-keyframes rotateCubeTopOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(90deg);
    }
}

@keyframes rotateCubeTopOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform                         : translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(90deg);
        transform         : translateY(-100%) rotateX(90deg);
    }
}

@-webkit-keyframes rotateCubeTopIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(-90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
}

@keyframes rotateCubeTopIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(-90deg);
        transform         : translateY(100%) rotateX(-90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform                         : translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
}

@-webkit-keyframes rotateCubeBottomOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateCubeBottomOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform                         : translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
    100% {
        opacity           : .3;
        -webkit-transform : translateY(100%) rotateX(-90deg);
        transform         : translateY(100%) rotateX(-90deg);
    }
}

@-webkit-keyframes rotateCubeBottomIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        -webkit-transform                 : translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}

@keyframes rotateCubeBottomIn {
    0% {
        opacity           : .3;
        -webkit-transform : translateY(-100%) rotateX(90deg);
        transform         : translateY(-100%) rotateX(90deg);
    }
    50% {
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out;
        -webkit-transform                 : translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform                         : translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}

/* carousel */

@-webkit-keyframes rotateCarouselLeftOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(-150%) scale(.4) rotateY(-65deg);
    }
}

@keyframes rotateCarouselLeftOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(-150%) scale(.4) rotateY(-65deg);
        transform         : translateX(-150%) scale(.4) rotateY(-65deg);
    }
}

@-webkit-keyframes rotateCarouselLeftIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(200%) scale(.4) rotateY(65deg);
    }
}

@keyframes rotateCarouselLeftIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(200%) scale(.4) rotateY(65deg);
        transform         : translateX(200%) scale(.4) rotateY(65deg);
    }
}

@-webkit-keyframes rotateCarouselRightOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(200%) scale(.4) rotateY(65deg);
    }
}

@keyframes rotateCarouselRightOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateX(200%) scale(.4) rotateY(65deg);
        transform         : translateX(200%) scale(.4) rotateY(65deg);
    }
}

@-webkit-keyframes rotateCarouselRightIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(-200%) scale(.4) rotateY(-65deg);
    }
}

@keyframes rotateCarouselRightIn {
    from {
        opacity           : .3;
        -webkit-transform : translateX(-200%) scale(.4) rotateY(-65deg);
        transform         : translateX(-200%) scale(.4) rotateY(-65deg);
    }
}

@-webkit-keyframes rotateCarouselTopOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@keyframes rotateCarouselTopOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(-200%) scale(.4) rotateX(65deg);
        transform         : translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@-webkit-keyframes rotateCarouselTopIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@keyframes rotateCarouselTopIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(200%) scale(.4) rotateX(-65deg);
        transform         : translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@-webkit-keyframes rotateCarouselBottomOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@keyframes rotateCarouselBottomOut {
    from {
    }
    to {
        opacity           : .3;
        -webkit-transform : translateY(200%) scale(.4) rotateX(-65deg);
        transform         : translateY(200%) scale(.4) rotateX(-65deg);
    }
}

@-webkit-keyframes rotateCarouselBottomIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(-200%) scale(.4) rotateX(65deg);
    }
}

@keyframes rotateCarouselBottomIn {
    from {
        opacity           : .3;
        -webkit-transform : translateY(-200%) scale(.4) rotateX(65deg);
        transform         : translateY(-200%) scale(.4) rotateX(65deg);
    }
}

/* sides */

@-webkit-keyframes rotateSidesOut {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateZ(-500px) rotateY(90deg);
    }
}

@keyframes rotateSidesOut {
    from {
    }
    to {
        opacity           : 0;
        -webkit-transform : translateZ(-500px) rotateY(90deg);
        transform         : translateZ(-500px) rotateY(90deg);
    }
}

@-webkit-keyframes rotateSidesIn {
    from {
        opacity           : 0;
        -webkit-transform : translateZ(-500px) rotateY(-90deg);
    }
}

@keyframes rotateSidesIn {
    from {
        opacity           : 0;
        -webkit-transform : translateZ(-500px) rotateY(-90deg);
        transform         : translateZ(-500px) rotateY(-90deg);
    }
}

/* slide */

@-webkit-keyframes rotateSlideOut {
    0% {
    }
    25% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px);
    }
    75% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px) translateX(-200%);
    }
}

@keyframes rotateSlideOut {
    0% {
    }
    25% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px);
        transform         : translateZ(-500px);
    }
    75% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px) translateX(-200%);
        transform         : translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px) translateX(-200%);
        transform         : translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes rotateSlideIn {
    0%, 25% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px) translateX(200%);
    }
    75% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px);
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateZ(0) translateX(0);
    }
}

@keyframes rotateSlideIn {
    0%, 25% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px) translateX(200%);
        transform         : translateZ(-500px) translateX(200%);
    }
    75% {
        opacity           : .5;
        -webkit-transform : translateZ(-500px);
        transform         : translateZ(-500px);
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateZ(0) translateX(0);
        transform         : translateZ(0) translateX(0);
    }
}

/* animation delay classes */

.pt-page-delay100 {
    -webkit-animation-delay : .1s;
    animation-delay         : .1s;
}

.pt-page-delay180 {
    -webkit-animation-delay : .180s;
    animation-delay         : .180s;
}

.pt-page-delay200 {
    -webkit-animation-delay : .2s;
    animation-delay         : .2s;
}

.pt-page-delay300 {
    -webkit-animation-delay : .3s;
    animation-delay         : .3s;
}

.pt-page-delay400 {
    -webkit-animation-delay : .4s;
    animation-delay         : .4s;
}

.pt-page-delay500 {
    -webkit-animation-delay : .5s;
    animation-delay         : .5s;
}

.pt-page-delay700 {
    -webkit-animation-delay : .7s;
    animation-delay         : .7s;
}

.pt-page-delay1000 {
    -webkit-animation-delay : 1s;
    animation-delay         : 1s;
}

.pt-page-delay1200 {
    -webkit-animation-delay : 1.2s;
    animation-delay         : 1.2s;
}

.pt-page-delay1300 {
    -webkit-animation-delay : 1.3s;
    animation-delay         : 1.3s;
}

.pt-page-delay1400 {
    -webkit-animation-delay : 1.4s;
    animation-delay         : 1.4s;
}

.pt-page-delay1500 {
    -webkit-animation-delay : 1.5s;
    animation-delay         : 1.5s;
}

.pt-page-delay1600 {
    -webkit-animation-delay : 1.6s;
    animation-delay         : 1.6s;
}

.pt-page-delay1700 {
    -webkit-animation-delay : 1.7s;
    animation-delay         : 1.7s;
}

.pt-page-delay1800 {
    -webkit-animation-delay : 1.8s;
    animation-delay         : 1.8s;
}

.pt-page-delay1900 {
    -webkit-animation-delay : 1.9s;
    animation-delay         : 1.9s;
}

.pt-page-delay2000 {
    -webkit-animation-delay : 2s;
    animation-delay         : 2s;
}
.pt-page-delay3000 {
    -webkit-animation-delay : 3s;
    animation-delay         : 3s;
}
.pt-page-delay4000 {
    -webkit-animation-delay : 4s;
    animation-delay         : 4s;
}

.pt-page-delay5000 {
  -webkit-animation-delay : 4s;
  animation-delay         : 4s;
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
    -webkit-animation-duration  : 1s;
    animation-duration          : 1s;
    -webkit-animation-fill-mode : both;
    animation-fill-mode         : both
}

.animated.infinite {
    -webkit-animation-iteration-count : infinite;
    animation-iteration-count         : infinite
}

.animated.hinge {
    -webkit-animation-duration : 2s;
    animation-duration         : 2s
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    40% {
        -webkit-transform : translateY(-30px);
        transform         : translateY(-30px)
    }
    60% {
        -webkit-transform : translateY(-15px);
        transform         : translateY(-15px)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    40% {
        -webkit-transform : translateY(-30px);
        -ms-transform     : translateY(-30px);
        transform         : translateY(-30px)
    }
    60% {
        -webkit-transform : translateY(-15px);
        -ms-transform     : translateY(-15px);
        transform         : translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name : bounce;
    animation-name         : bounce
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity : 1
    }
    25%, 75% {
        opacity : 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity : 1
    }
    25%, 75% {
        opacity : 0
    }
}

.flash {
    -webkit-animation-name : flash;
    animation-name         : flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
    50% {
        -webkit-transform : scale(1.1);
        transform         : scale(1.1)
    }
    100% {
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
    50% {
        -webkit-transform : scale(1.1);
        -ms-transform     : scale(1.1);
        transform         : scale(1.1)
    }
    100% {
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
}

.pulse {
    -webkit-animation-name : pulse;
    animation-name         : pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
    30% {
        -webkit-transform : scaleX(1.25) scaleY(0.75);
        transform         : scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform : scaleX(0.75) scaleY(1.25);
        transform         : scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform : scaleX(1.15) scaleY(0.85);
        transform         : scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
    30% {
        -webkit-transform : scaleX(1.25) scaleY(0.75);
        -ms-transform     : scaleX(1.25) scaleY(0.75);
        transform         : scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform : scaleX(0.75) scaleY(1.25);
        -ms-transform     : scaleX(0.75) scaleY(1.25);
        transform         : scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform : scaleX(1.15) scaleY(0.85);
        -ms-transform     : scaleX(1.15) scaleY(0.85);
        transform         : scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
}

.rubberBand {
    -webkit-animation-name : rubberBand;
    animation-name         : rubberBand
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform : translateX(-10px);
        transform         : translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform : translateX(10px);
        transform         : translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform : translateX(-10px);
        -ms-transform     : translateX(-10px);
        transform         : translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform : translateX(10px);
        -ms-transform     : translateX(10px);
        transform         : translateX(10px)
    }
}

.shake {
    -webkit-animation-name : shake;
    animation-name         : shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform : rotate(15deg);
        transform         : rotate(15deg)
    }
    40% {
        -webkit-transform : rotate(-10deg);
        transform         : rotate(-10deg)
    }
    60% {
        -webkit-transform : rotate(5deg);
        transform         : rotate(5deg)
    }
    80% {
        -webkit-transform : rotate(-5deg);
        transform         : rotate(-5deg)
    }
    100% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform : rotate(15deg);
        -ms-transform     : rotate(15deg);
        transform         : rotate(15deg)
    }
    40% {
        -webkit-transform : rotate(-10deg);
        -ms-transform     : rotate(-10deg);
        transform         : rotate(-10deg)
    }
    60% {
        -webkit-transform : rotate(5deg);
        -ms-transform     : rotate(5deg);
        transform         : rotate(5deg)
    }
    80% {
        -webkit-transform : rotate(-5deg);
        -ms-transform     : rotate(-5deg);
        transform         : rotate(-5deg)
    }
    100% {
        -webkit-transform : rotate(0deg);
        -ms-transform     : rotate(0deg);
        transform         : rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin : top center;
    -ms-transform-origin     : top center;
    transform-origin         : top center;
    -webkit-animation-name   : swing;
    animation-name           : swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
    10%, 20% {
        -webkit-transform : scale(0.9) rotate(-3deg);
        transform         : scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform : scale(1.1) rotate(3deg);
        transform         : scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform : scale(1.1) rotate(-3deg);
        transform         : scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform : scale(1) rotate(0);
        transform         : scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
    10%, 20% {
        -webkit-transform : scale(0.9) rotate(-3deg);
        -ms-transform     : scale(0.9) rotate(-3deg);
        transform         : scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform : scale(1.1) rotate(3deg);
        -ms-transform     : scale(1.1) rotate(3deg);
        transform         : scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform : scale(1.1) rotate(-3deg);
        -ms-transform     : scale(1.1) rotate(-3deg);
        transform         : scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform : scale(1) rotate(0);
        -ms-transform     : scale(1) rotate(0);
        transform         : scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name : tada;
    animation-name         : tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform : translateX(0%);
        transform         : translateX(0%)
    }
    15% {
        -webkit-transform : translateX(-25%) rotate(-5deg);
        transform         : translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform : translateX(20%) rotate(3deg);
        transform         : translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform : translateX(-15%) rotate(-3deg);
        transform         : translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform : translateX(10%) rotate(2deg);
        transform         : translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform : translateX(-5%) rotate(-1deg);
        transform         : translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform : translateX(0%);
        transform         : translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform : translateX(0%);
        -ms-transform     : translateX(0%);
        transform         : translateX(0%)
    }
    15% {
        -webkit-transform : translateX(-25%) rotate(-5deg);
        -ms-transform     : translateX(-25%) rotate(-5deg);
        transform         : translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform : translateX(20%) rotate(3deg);
        -ms-transform     : translateX(20%) rotate(3deg);
        transform         : translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform : translateX(-15%) rotate(-3deg);
        -ms-transform     : translateX(-15%) rotate(-3deg);
        transform         : translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform : translateX(10%) rotate(2deg);
        -ms-transform     : translateX(10%) rotate(2deg);
        transform         : translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform : translateX(-5%) rotate(-1deg);
        -ms-transform     : translateX(-5%) rotate(-1deg);
        transform         : translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform : translateX(0%);
        -ms-transform     : translateX(0%);
        transform         : translateX(0%)
    }
}

.wobble {
    -webkit-animation-name : wobble;
    animation-name         : wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        transform         : scale(.3)
    }
    50% {
        opacity           : 1;
        -webkit-transform : scale(1.05);
        transform         : scale(1.05)
    }
    70% {
        -webkit-transform : scale(.9);
        transform         : scale(.9)
    }
    100% {
        opacity           : 1;
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        -ms-transform     : scale(.3);
        transform         : scale(.3)
    }
    50% {
        opacity           : 1;
        -webkit-transform : scale(1.05);
        -ms-transform     : scale(1.05);
        transform         : scale(1.05)
    }
    70% {
        -webkit-transform : scale(.9);
        -ms-transform     : scale(.9);
        transform         : scale(.9)
    }
    100% {
        opacity           : 1;
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
}

.bounceIn {
    -webkit-animation-name : bounceIn;
    animation-name         : bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        transform         : translateY(-2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateY(30px);
        transform         : translateY(30px)
    }
    80% {
        -webkit-transform : translateY(-10px);
        transform         : translateY(-10px)
    }
    100% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        transform         : translateY(-2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateY(30px);
        -ms-transform     : translateY(30px);
        transform         : translateY(30px)
    }
    80% {
        -webkit-transform : translateY(-10px);
        -ms-transform     : translateY(-10px);
        transform         : translateY(-10px)
    }
    100% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name : bounceInDown;
    animation-name         : bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        transform         : translateX(-2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateX(30px);
        transform         : translateX(30px)
    }
    80% {
        -webkit-transform : translateX(-10px);
        transform         : translateX(-10px)
    }
    100% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        -ms-transform     : translateX(-2000px);
        transform         : translateX(-2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateX(30px);
        -ms-transform     : translateX(30px);
        transform         : translateX(30px)
    }
    80% {
        -webkit-transform : translateX(-10px);
        -ms-transform     : translateX(-10px);
        transform         : translateX(-10px)
    }
    100% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name : bounceInLeft;
    animation-name         : bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        transform         : translateX(2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateX(-30px);
        transform         : translateX(-30px)
    }
    80% {
        -webkit-transform : translateX(10px);
        transform         : translateX(10px)
    }
    100% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        -ms-transform     : translateX(2000px);
        transform         : translateX(2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateX(-30px);
        -ms-transform     : translateX(-30px);
        transform         : translateX(-30px)
    }
    80% {
        -webkit-transform : translateX(10px);
        -ms-transform     : translateX(10px);
        transform         : translateX(10px)
    }
    100% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name : bounceInRight;
    animation-name         : bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        transform         : translateY(2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateY(-30px);
        transform         : translateY(-30px)
    }
    80% {
        -webkit-transform : translateY(10px);
        transform         : translateY(10px)
    }
    100% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        -ms-transform     : translateY(2000px);
        transform         : translateY(2000px)
    }
    60% {
        opacity           : 1;
        -webkit-transform : translateY(-30px);
        -ms-transform     : translateY(-30px);
        transform         : translateY(-30px)
    }
    80% {
        -webkit-transform : translateY(10px);
        -ms-transform     : translateY(10px);
        transform         : translateY(10px)
    }
    100% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name : bounceInUp;
    animation-name         : bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
    25% {
        -webkit-transform : scale(.95);
        transform         : scale(.95)
    }
    50% {
        opacity           : 1;
        -webkit-transform : scale(1.1);
        transform         : scale(1.1)
    }
    100% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        transform         : scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
    25% {
        -webkit-transform : scale(.95);
        -ms-transform     : scale(.95);
        transform         : scale(.95)
    }
    50% {
        opacity           : 1;
        -webkit-transform : scale(1.1);
        -ms-transform     : scale(1.1);
        transform         : scale(1.1)
    }
    100% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        -ms-transform     : scale(.3);
        transform         : scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name : bounceOut;
    animation-name         : bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateY(-20px);
        transform         : translateY(-20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        transform         : translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateY(-20px);
        -ms-transform     : translateY(-20px);
        transform         : translateY(-20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        -ms-transform     : translateY(2000px);
        transform         : translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name : bounceOutDown;
    animation-name         : bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateX(20px);
        transform         : translateX(20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        transform         : translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateX(20px);
        -ms-transform     : translateX(20px);
        transform         : translateX(20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        -ms-transform     : translateX(-2000px);
        transform         : translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name : bounceOutLeft;
    animation-name         : bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateX(-20px);
        transform         : translateX(-20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        transform         : translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateX(-20px);
        -ms-transform     : translateX(-20px);
        transform         : translateX(-20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        -ms-transform     : translateX(2000px);
        transform         : translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name : bounceOutRight;
    animation-name         : bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateY(20px);
        transform         : translateY(20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        transform         : translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    20% {
        opacity           : 1;
        -webkit-transform : translateY(20px);
        -ms-transform     : translateY(20px);
        transform         : translateY(20px)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        transform         : translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name : bounceOutUp;
    animation-name         : bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

@keyframes fadeIn {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

.fadeIn {
    -webkit-animation-name : fadeIn;
    animation-name         : fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-20px);
        transform         : translateY(-20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-20px);
        -ms-transform     : translateY(-20px);
        transform         : translateY(-20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name : fadeInDown;
    animation-name         : fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        transform         : translateY(-2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        transform         : translateY(-2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name : fadeInDownBig;
    animation-name         : fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-20px);
        transform         : translateX(-20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-20px);
        -ms-transform     : translateX(-20px);
        transform         : translateX(-20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name : fadeInLeft;
    animation-name         : fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        transform         : translateX(-2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        -ms-transform     : translateX(-2000px);
        transform         : translateX(-2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name : fadeInLeftBig;
    animation-name         : fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(20px);
        transform         : translateX(20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(20px);
        -ms-transform     : translateX(20px);
        transform         : translateX(20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name : fadeInRight;
    animation-name         : fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        transform         : translateX(2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        -ms-transform     : translateX(2000px);
        transform         : translateX(2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name : fadeInRightBig;
    animation-name         : fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(20px);
        transform         : translateY(20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(20px);
        -ms-transform     : translateY(20px);
        transform         : translateY(20px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name : fadeInUp;
    animation-name         : fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        transform         : translateY(2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        -ms-transform     : translateY(2000px);
        transform         : translateY(2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name : fadeInUpBig;
    animation-name         : fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity : 1
    }
    100% {
        opacity : 0
    }
}

@keyframes fadeOut {
    0% {
        opacity : 1
    }
    100% {
        opacity : 0
    }
}

.fadeOut {
    -webkit-animation-name : fadeOut;
    animation-name         : fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(20px);
        transform         : translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(20px);
        -ms-transform     : translateY(20px);
        transform         : translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name : fadeOutDown;
    animation-name         : fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        transform         : translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        -ms-transform     : translateY(2000px);
        transform         : translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name : fadeOutDownBig;
    animation-name         : fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-20px);
        transform         : translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-20px);
        -ms-transform     : translateX(-20px);
        transform         : translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name : fadeOutLeft;
    animation-name         : fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        transform         : translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        -ms-transform     : translateX(-2000px);
        transform         : translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name : fadeOutLeftBig;
    animation-name         : fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(20px);
        transform         : translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(20px);
        -ms-transform     : translateX(20px);
        transform         : translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name : fadeOutRight;
    animation-name         : fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        transform         : translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        -ms-transform     : translateX(2000px);
        transform         : translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name : fadeOutRightBig;
    animation-name         : fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-20px);
        transform         : translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-20px);
        -ms-transform     : translateY(-20px);
        transform         : translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name : fadeOutUp;
    animation-name         : fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        transform         : translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        transform         : translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name : fadeOutUpBig;
    animation-name         : fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform                 : perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform                         : perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    40% {
        -webkit-transform                 : perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform                         : perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    50% {
        -webkit-transform                 : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform                         : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    80% {
        -webkit-transform                 : perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform                         : perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    100% {
        -webkit-transform                 : perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform                         : perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform                 : perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform                     : perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform                         : perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    40% {
        -webkit-transform                 : perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform                     : perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform                         : perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
    50% {
        -webkit-transform                 : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform                     : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform                         : perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    80% {
        -webkit-transform                 : perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform                     : perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform                         : perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
    100% {
        -webkit-transform                 : perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform                     : perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform                         : perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function : ease-in;
        animation-timing-function         : ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility : visible;
    -ms-backface-visibility     : visible;
    backface-visibility         : visible;
    -webkit-animation-name      : flip;
    animation-name              : flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform : perspective(400px) rotateX(90deg);
        transform         : perspective(400px) rotateX(90deg);
        opacity           : 0
    }
    40% {
        -webkit-transform : perspective(400px) rotateX(-10deg);
        transform         : perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform : perspective(400px) rotateX(10deg);
        transform         : perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform : perspective(400px) rotateX(0deg);
        transform         : perspective(400px) rotateX(0deg);
        opacity           : 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform : perspective(400px) rotateX(90deg);
        -ms-transform     : perspective(400px) rotateX(90deg);
        transform         : perspective(400px) rotateX(90deg);
        opacity           : 0
    }
    40% {
        -webkit-transform : perspective(400px) rotateX(-10deg);
        -ms-transform     : perspective(400px) rotateX(-10deg);
        transform         : perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform : perspective(400px) rotateX(10deg);
        -ms-transform     : perspective(400px) rotateX(10deg);
        transform         : perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform : perspective(400px) rotateX(0deg);
        -ms-transform     : perspective(400px) rotateX(0deg);
        transform         : perspective(400px) rotateX(0deg);
        opacity           : 1
    }
}

.flipInX {
    -webkit-backface-visibility : visible !important;
    -ms-backface-visibility     : visible !important;
    backface-visibility         : visible !important;
    -webkit-animation-name      : flipInX;
    animation-name              : flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform : perspective(400px) rotateY(90deg);
        transform         : perspective(400px) rotateY(90deg);
        opacity           : 0
    }
    40% {
        -webkit-transform : perspective(400px) rotateY(-10deg);
        transform         : perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform : perspective(400px) rotateY(10deg);
        transform         : perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform : perspective(400px) rotateY(0deg);
        transform         : perspective(400px) rotateY(0deg);
        opacity           : 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform : perspective(400px) rotateY(90deg);
        -ms-transform     : perspective(400px) rotateY(90deg);
        transform         : perspective(400px) rotateY(90deg);
        opacity           : 0
    }
    40% {
        -webkit-transform : perspective(400px) rotateY(-10deg);
        -ms-transform     : perspective(400px) rotateY(-10deg);
        transform         : perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform : perspective(400px) rotateY(10deg);
        -ms-transform     : perspective(400px) rotateY(10deg);
        transform         : perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform : perspective(400px) rotateY(0deg);
        -ms-transform     : perspective(400px) rotateY(0deg);
        transform         : perspective(400px) rotateY(0deg);
        opacity           : 1
    }
}

.flipInY {
    -webkit-backface-visibility : visible !important;
    -ms-backface-visibility     : visible !important;
    backface-visibility         : visible !important;
    -webkit-animation-name      : flipInY;
    animation-name              : flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform : perspective(400px) rotateX(0deg);
        transform         : perspective(400px) rotateX(0deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : perspective(400px) rotateX(90deg);
        transform         : perspective(400px) rotateX(90deg);
        opacity           : 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform : perspective(400px) rotateX(0deg);
        -ms-transform     : perspective(400px) rotateX(0deg);
        transform         : perspective(400px) rotateX(0deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : perspective(400px) rotateX(90deg);
        -ms-transform     : perspective(400px) rotateX(90deg);
        transform         : perspective(400px) rotateX(90deg);
        opacity           : 0
    }
}

.flipOutX {
    -webkit-animation-name      : flipOutX;
    animation-name              : flipOutX;
    -webkit-backface-visibility : visible !important;
    -ms-backface-visibility     : visible !important;
    backface-visibility         : visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform : perspective(400px) rotateY(0deg);
        transform         : perspective(400px) rotateY(0deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : perspective(400px) rotateY(90deg);
        transform         : perspective(400px) rotateY(90deg);
        opacity           : 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform : perspective(400px) rotateY(0deg);
        -ms-transform     : perspective(400px) rotateY(0deg);
        transform         : perspective(400px) rotateY(0deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : perspective(400px) rotateY(90deg);
        -ms-transform     : perspective(400px) rotateY(90deg);
        transform         : perspective(400px) rotateY(90deg);
        opacity           : 0
    }
}

.flipOutY {
    -webkit-backface-visibility : visible !important;
    -ms-backface-visibility     : visible !important;
    backface-visibility         : visible !important;
    -webkit-animation-name      : flipOutY;
    animation-name              : flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform : translateX(100%) skewX(-30deg);
        transform         : translateX(100%) skewX(-30deg);
        opacity           : 0
    }
    60% {
        -webkit-transform : translateX(-20%) skewX(30deg);
        transform         : translateX(-20%) skewX(30deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : translateX(0%) skewX(-15deg);
        transform         : translateX(0%) skewX(-15deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : translateX(0%) skewX(0deg);
        transform         : translateX(0%) skewX(0deg);
        opacity           : 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform : translateX(100%) skewX(-30deg);
        -ms-transform     : translateX(100%) skewX(-30deg);
        transform         : translateX(100%) skewX(-30deg);
        opacity           : 0
    }
    60% {
        -webkit-transform : translateX(-20%) skewX(30deg);
        -ms-transform     : translateX(-20%) skewX(30deg);
        transform         : translateX(-20%) skewX(30deg);
        opacity           : 1
    }
    80% {
        -webkit-transform : translateX(0%) skewX(-15deg);
        -ms-transform     : translateX(0%) skewX(-15deg);
        transform         : translateX(0%) skewX(-15deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : translateX(0%) skewX(0deg);
        -ms-transform     : translateX(0%) skewX(0deg);
        transform         : translateX(0%) skewX(0deg);
        opacity           : 1
    }
}

.lightSpeedIn {
    -webkit-animation-name            : lightSpeedIn;
    animation-name                    : lightSpeedIn;
    -webkit-animation-timing-function : ease-out;
    animation-timing-function         : ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform : translateX(0%) skewX(0deg);
        transform         : translateX(0%) skewX(0deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : translateX(100%) skewX(-30deg);
        transform         : translateX(100%) skewX(-30deg);
        opacity           : 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform : translateX(0%) skewX(0deg);
        -ms-transform     : translateX(0%) skewX(0deg);
        transform         : translateX(0%) skewX(0deg);
        opacity           : 1
    }
    100% {
        -webkit-transform : translateX(100%) skewX(-30deg);
        -ms-transform     : translateX(100%) skewX(-30deg);
        transform         : translateX(100%) skewX(-30deg);
        opacity           : 0
    }
}

.lightSpeedOut {
    -webkit-animation-name            : lightSpeedOut;
    animation-name                    : lightSpeedOut;
    -webkit-animation-timing-function : ease-in;
    animation-timing-function         : ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(-200deg);
        transform                : rotate(-200deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin : center center;
        -ms-transform-origin     : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(-200deg);
        -ms-transform            : rotate(-200deg);
        transform                : rotate(-200deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : center center;
        -ms-transform-origin     : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

.rotateIn {
    -webkit-animation-name : rotateIn;
    animation-name         : rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(-90deg);
        -ms-transform            : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name : rotateInDownLeft;
    animation-name         : rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(90deg);
        -ms-transform            : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

.rotateInDownRight {
    -webkit-animation-name : rotateInDownRight;
    animation-name         : rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(90deg);
        -ms-transform            : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name : rotateInUpLeft;
    animation-name         : rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(-90deg);
        -ms-transform            : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
    100% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
}

.rotateInUpRight {
    -webkit-animation-name : rotateInUpRight;
    animation-name         : rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(200deg);
        transform                : rotate(200deg);
        opacity                  : 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin : center center;
        -ms-transform-origin     : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : center center;
        -ms-transform-origin     : center center;
        transform-origin         : center center;
        -webkit-transform        : rotate(200deg);
        -ms-transform            : rotate(200deg);
        transform                : rotate(200deg);
        opacity                  : 0
    }
}

.rotateOut {
    -webkit-animation-name : rotateOut;
    animation-name         : rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(90deg);
        -ms-transform            : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name : rotateOutDownLeft;
    animation-name         : rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(-90deg);
        -ms-transform            : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name : rotateOutDownRight;
    animation-name         : rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : left bottom;
        -ms-transform-origin     : left bottom;
        transform-origin         : left bottom;
        -webkit-transform        : rotate(-90deg);
        -ms-transform            : rotate(-90deg);
        transform                : rotate(-90deg);
        opacity                  : 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name : rotateOutUpLeft;
    animation-name         : rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(0);
        -ms-transform            : rotate(0);
        transform                : rotate(0);
        opacity                  : 1
    }
    100% {
        -webkit-transform-origin : right bottom;
        -ms-transform-origin     : right bottom;
        transform-origin         : right bottom;
        -webkit-transform        : rotate(90deg);
        -ms-transform            : rotate(90deg);
        transform                : rotate(90deg);
        opacity                  : 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name : rotateOutUpRight;
    animation-name         : rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        transform         : translateY(-2000px)
    }
    100% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        transform         : translateY(-2000px)
    }
    100% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name : slideInDown;
    animation-name         : slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        transform         : translateX(-2000px)
    }
    100% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        -ms-transform     : translateX(-2000px);
        transform         : translateX(-2000px)
    }
    100% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name : slideInLeft;
    animation-name         : slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        transform         : translateX(2000px)
    }
    100% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        -ms-transform     : translateX(2000px);
        transform         : translateX(2000px)
    }
    100% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name : slideInRight;
    animation-name         : slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        transform         : translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(-2000px);
        -ms-transform     : translateX(-2000px);
        transform         : translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name : slideOutLeft;
    animation-name         : slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        transform         : translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform : translateX(0);
        -ms-transform     : translateX(0);
        transform         : translateX(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(2000px);
        -ms-transform     : translateX(2000px);
        transform         : translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name : slideOutRight;
    animation-name         : slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        transform         : translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        transform         : translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name : slideOutUp;
    animation-name         : slideOutUp
}

@-webkit-keyframes slideInUp {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        transform         : translateY(2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        -ms-transform     : translateY(2000px);
        transform         : translateY(2000px)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name : slideInUp;
    animation-name         : slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        transform         : translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform : translateY(0);
        -ms-transform     : translateY(0);
        transform         : translateY(0)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(2000px);
        -ms-transform     : translateY(2000px);
        transform         : translateY(2000px)
    }
}

.slideOutDown {
    -webkit-animation-name : slideOutDown;
    animation-name         : slideOutDown
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform                 : rotate(0);
        transform                         : rotate(0);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    20%, 60% {
        -webkit-transform                 : rotate(80deg);
        transform                         : rotate(80deg);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    40% {
        -webkit-transform                 : rotate(60deg);
        transform                         : rotate(60deg);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    80% {
        -webkit-transform                 : rotate(60deg) translateY(0);
        transform                         : rotate(60deg) translateY(0);
        -webkit-transform-origin          : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out;
        opacity                           : 1
    }
    100% {
        -webkit-transform : translateY(700px);
        transform         : translateY(700px);
        opacity           : 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform                 : rotate(0);
        -ms-transform                     : rotate(0);
        transform                         : rotate(0);
        -webkit-transform-origin          : top left;
        -ms-transform-origin              : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    20%, 60% {
        -webkit-transform                 : rotate(80deg);
        -ms-transform                     : rotate(80deg);
        transform                         : rotate(80deg);
        -webkit-transform-origin          : top left;
        -ms-transform-origin              : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    40% {
        -webkit-transform                 : rotate(60deg);
        -ms-transform                     : rotate(60deg);
        transform                         : rotate(60deg);
        -webkit-transform-origin          : top left;
        -ms-transform-origin              : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    80% {
        -webkit-transform                 : rotate(60deg) translateY(0);
        -ms-transform                     : rotate(60deg) translateY(0);
        transform                         : rotate(60deg) translateY(0);
        -webkit-transform-origin          : top left;
        -ms-transform-origin              : top left;
        transform-origin                  : top left;
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out;
        opacity                           : 1
    }
    100% {
        -webkit-transform : translateY(700px);
        -ms-transform     : translateY(700px);
        transform         : translateY(700px);
        opacity           : 0
    }
}

.hinge {
    -webkit-animation-name : hinge;
    animation-name         : hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-100%) rotate(-120deg);
        transform         : translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0px) rotate(0deg);
        transform         : translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity           : 0;
        -webkit-transform : translateX(-100%) rotate(-120deg);
        -ms-transform     : translateX(-100%) rotate(-120deg);
        transform         : translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateX(0px) rotate(0deg);
        -ms-transform     : translateX(0px) rotate(0deg);
        transform         : translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name : rollIn;
    animation-name         : rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0px) rotate(0deg);
        transform         : translateX(0px) rotate(0deg)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(100%) rotate(120deg);
        transform         : translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity           : 1;
        -webkit-transform : translateX(0px) rotate(0deg);
        -ms-transform     : translateX(0px) rotate(0deg);
        transform         : translateX(0px) rotate(0deg)
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateX(100%) rotate(120deg);
        -ms-transform     : translateX(100%) rotate(120deg);
        transform         : translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name : rollOut;
    animation-name         : rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        transform         : scale(.3)
    }
    50% {
        opacity : 1
    }
}

@keyframes zoomIn {
    0% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        -ms-transform     : scale(.3);
        transform         : scale(.3)
    }
    50% {
        opacity : 1
    }
}

.zoomIn {
    -webkit-animation-name : zoomIn;
    animation-name         : zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateY(-2000px);
        transform                         : scale(.1) translateY(-2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(60px);
        transform                         : scale(.475) translateY(60px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateY(-2000px);
        -ms-transform                     : scale(.1) translateY(-2000px);
        transform                         : scale(.1) translateY(-2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(60px);
        -ms-transform                     : scale(.475) translateY(60px);
        transform                         : scale(.475) translateY(60px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

.zoomInDown {
    -webkit-animation-name : zoomInDown;
    animation-name         : zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateX(-2000px);
        transform                         : scale(.1) translateX(-2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(48px);
        transform                         : scale(.475) translateX(48px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateX(-2000px);
        -ms-transform                     : scale(.1) translateX(-2000px);
        transform                         : scale(.1) translateX(-2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(48px);
        -ms-transform                     : scale(.475) translateX(48px);
        transform                         : scale(.475) translateX(48px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

.zoomInLeft {
    -webkit-animation-name : zoomInLeft;
    animation-name         : zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateX(2000px);
        transform                         : scale(.1) translateX(2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(-48px);
        transform                         : scale(.475) translateX(-48px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateX(2000px);
        -ms-transform                     : scale(.1) translateX(2000px);
        transform                         : scale(.1) translateX(2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(-48px);
        -ms-transform                     : scale(.475) translateX(-48px);
        transform                         : scale(.475) translateX(-48px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

.zoomInRight {
    -webkit-animation-name : zoomInRight;
    animation-name         : zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateY(2000px);
        transform                         : scale(.1) translateY(2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(-60px);
        transform                         : scale(.475) translateY(-60px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity                           : 0;
        -webkit-transform                 : scale(.1) translateY(2000px);
        -ms-transform                     : scale(.1) translateY(2000px);
        transform                         : scale(.1) translateY(2000px);
        -webkit-animation-timing-function : ease-in-out;
        animation-timing-function         : ease-in-out
    }
    60% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(-60px);
        -ms-transform                     : scale(.475) translateY(-60px);
        transform                         : scale(.475) translateY(-60px);
        -webkit-animation-timing-function : ease-out;
        animation-timing-function         : ease-out
    }
}

.zoomInUp {
    -webkit-animation-name : zoomInUp;
    animation-name         : zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity           : 1;
        -webkit-transform : scale(1);
        transform         : scale(1)
    }
    50% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        transform         : scale(.3)
    }
    100% {
        opacity : 0
    }
}

@keyframes zoomOut {
    0% {
        opacity           : 1;
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1)
    }
    50% {
        opacity           : 0;
        -webkit-transform : scale(.3);
        -ms-transform     : scale(.3);
        transform         : scale(.3)
    }
    100% {
        opacity : 0
    }
}

.zoomOut {
    -webkit-animation-name : zoomOut;
    animation-name         : zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(-60px);
        transform                         : scale(.475) translateY(-60px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateY(2000px);
        transform                : scale(.1) translateY(2000px);
        -webkit-transform-origin : center bottom;
        transform-origin         : center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(-60px);
        -ms-transform                     : scale(.475) translateY(-60px);
        transform                         : scale(.475) translateY(-60px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateY(2000px);
        -ms-transform            : scale(.1) translateY(2000px);
        transform                : scale(.1) translateY(2000px);
        -webkit-transform-origin : center bottom;
        -ms-transform-origin     : center bottom;
        transform-origin         : center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name : zoomOutDown;
    animation-name         : zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(42px);
        transform                         : scale(.475) translateX(42px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateX(-2000px);
        transform                : scale(.1) translateX(-2000px);
        -webkit-transform-origin : left center;
        transform-origin         : left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(42px);
        -ms-transform                     : scale(.475) translateX(42px);
        transform                         : scale(.475) translateX(42px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateX(-2000px);
        -ms-transform            : scale(.1) translateX(-2000px);
        transform                : scale(.1) translateX(-2000px);
        -webkit-transform-origin : left center;
        -ms-transform-origin     : left center;
        transform-origin         : left center
    }
}

.zoomOutLeft {
    -webkit-animation-name : zoomOutLeft;
    animation-name         : zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(-42px);
        transform                         : scale(.475) translateX(-42px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateX(2000px);
        transform                : scale(.1) translateX(2000px);
        -webkit-transform-origin : right center;
        transform-origin         : right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateX(-42px);
        -ms-transform                     : scale(.475) translateX(-42px);
        transform                         : scale(.475) translateX(-42px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateX(2000px);
        -ms-transform            : scale(.1) translateX(2000px);
        transform                : scale(.1) translateX(2000px);
        -webkit-transform-origin : right center;
        -ms-transform-origin     : right center;
        transform-origin         : right center
    }
}

.zoomOutRight {
    -webkit-animation-name : zoomOutRight;
    animation-name         : zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(60px);
        transform                         : scale(.475) translateY(60px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateY(-2000px);
        transform                : scale(.1) translateY(-2000px);
        -webkit-transform-origin : center top;
        transform-origin         : center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity                           : 1;
        -webkit-transform                 : scale(.475) translateY(60px);
        -ms-transform                     : scale(.475) translateY(60px);
        transform                         : scale(.475) translateY(60px);
        -webkit-animation-timing-function : linear;
        animation-timing-function         : linear
    }
    100% {
        opacity                  : 0;
        -webkit-transform        : scale(.1) translateY(-2000px);
        -ms-transform            : scale(.1) translateY(-2000px);
        transform                : scale(.1) translateY(-2000px);
        -webkit-transform-origin : center top;
        -ms-transform-origin     : center top;
        transform-origin         : center top
    }
}

.zoomOutUp {
    -webkit-animation-name : zoomOutUp;
    animation-name         : zoomOutUp
}



@-webkit-keyframes a_head_2 {
    0% {
        -webkit-transform : rotate(-5deg);
    }
    50% {
        -webkit-transform : rotate(5deg);
    }
    100% {
        -webkit-transform : rotate(-5deg);
    }
}

.an_head{
    -webkit-animation: a_head_2  .9s linear infinite;
}


@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
    from{-ms-transform:rotate(0deg)}
    to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
}

.an_rotate{
    -webkit-animation: rotate 3s  linear infinite;
}
